變數(variable)-Number

Day05 - 變數(02)：說明變數的計算與跟字串搭配的結果

Day13 - 迴圈(01)：說明 +=、a++、a--、++a 的部分

主要注意如果數字沒注意到是字串，會自動轉型，有可能是字串相加，也可能是數字相加，因此建議要確定目前需求的型別是字串或數字

一個數字型別與字串型別做計算

• 轉成字串：+
• 轉成數字：-、*、/，若字串內容非數字，則會出現 NaN(Not a Number)
• NaN 的型別是 Number

console.log(1 + 2); // 印出 3
console.log("1" + "2"); // 印出 12
console.log(1 + "2"); // 印出 12
console.log("1" + 2); // 印出 12

console.log(1 - 2); // 印出 -1
console.log("1" - "2"); // 印出 -1
console.log(1 - "2"); // 印出 -1
console.log("1" - 2); // 印出 -1

console.log(3 * 2); // 印出 6
console.log("3" * "2"); // 印出 6
console.log(3 * "2"); // 印出 6
console.log("3" * 2); // 印出 6

console.log(5 / 2); // 印出 2.5
console.log("5" / "2"); // 印出 2.5
console.log(5 / "2"); // 印出 2.5
console.log("5" / 2); // 印出 2.5


console.log("hello" + 123); // 印出 hello123
console.log("hello" - 123); // 印出 NaN(Not a Number)

console.log("hello" * 3); // 印出 NaN(Not a Number)
console.log("hello" / 3); // 印出 NaN(Not a Number)

parseInt("")：把數字內容的字串轉型成數字型別的整數

變數(variable)-String

• 字串組合：使用 + 組合
• 字串長度：使用 str.length
• 去除前後空白：使用 str.trim()

let str = " ironman  ";

console.log(str.length); // 10
console.log(str.trim()); // ironman

ES6：Template Literals (樣版字面值)

MDN 翻為樣板字面值，另有看過樣板字串、模板字串等類似的說法

語法：使用 ` `把字串內容包起來，變數寫在 ${} 內，可以另作運算

let str = 'string1' + ' ' + 'string2'

console.log(str); // string1 string2

let a = 5;
let b = 10;

console.log(`total is ${a + b}`); // total is 15

參考資料

JavaScript ES6 Template Literals 字串樣版

[JS學徒特訓班] JavaScript ES6 樣板字串(Template String)

次回

應該還會再說一下變數